<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Form Test</title>
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/form.css">
  <script src="js/jquery.js"></script>
</head>

<body>
  <div class="container">

    

    <div class="row justify-content-center align-items-start">
      <img src="header.jpg" class="rounded img-fluid col-sm-7 mb-3" alt="...">
      <p id='tipsToDo' class='col-sm-7 mb-3 text-danger text-center'>今日未打卡</p>
      <p id='tipsDone' class='col-sm-7 mb-3 text-danger text-center d-none'>今日打卡成功！</p>
    </div>

    <div class="row justify-content-center align-items-start">
      <div class='col-sm-7 mb-3'>

        <label for='department' class='form-label'>学院</label>
        <input id='department' class='form-control' type='text' name='department' th:value="${userInfo.department}" disabled/>
      </div>
      <div class='col-sm-7 mb-3'>

        <label for='name' class='form-label'>姓名</label>
        <input id='name' class='form-control' type='text' name='name'  disabled/>
      </div>
      <div class='col-sm-7 mb-3'>

        <label for='username' class='form-label'>学号</label>
        <input id='username' class='form-control' type='text' name='username' th:value="${userInfo.username}" disabled/>
      </div>
      <div class='col-sm-7 mb-3'>
        <label for='date' class='form-label'>填报日期</label>
        <input id='date' class='form-control' type='text' name='date' disabled/>
      </div>
    </div>

    <!-- <form id="submitForm" class="row justify-content-center align-items-start">


    </form> -->

  </div>


  <script src="js/submitQuestionnaire.js" crossorigin="anonymous"></script>
</body>

</html>